/*
* @Date: 2020/6/10
* @Author: XueChengwu <xuechengwu@erayt.com>
* @Copyright: 2015-2019 Erayt, Inc.
* @Description: If you have some questions, please contact: xuechengwu@erayt.com.
*/
import React from 'react';


export default {
  display: 'inline-block',
  props: [{
    key: 'sidebar',
    type: 'dom',
    label: '抽屉内容',
    value: <div className="sortable view-item-box"></div>
  }, {
    key: 'onOpenChange',
    type: 'function',
    label: '切换回调',
  }, {
    key: 'open',
    type: 'checked',
    label: '状态',
  }, {
    key: 'position',
    type: 'select',
    label: '位置',
    options: ['left', 'right', 'top', 'bottom'],
    default: 'left'
  }, {
    key: 'sidebarStyle',
    type: 'style',
    label: '窗体样式'
  }, {
    key: 'contentStyle',
    type: 'style',
    label: '内容样式'
  }, {
    key: 'overlayStyle',
    type: 'style',
    label: '遮罩样式'
  }, {
    key: 'dragHandleStyle',
    type: 'style',
    label: '拖动样式'
  }, {
    key: 'touch',
    type: 'checked',
    label: '启动触摸'
  }, {
    key: 'transitions',
    type: 'checked',
    label: '启动动画'
  }, {
    key: 'docked',
    type: 'checked',
    label: '是否嵌入'
  }, {
    key: 'enableDragHandle',
    type: 'checked',
    label: '是否禁用'
  }, {
    key: 'dragToggleDistance',
    type: 'number',
    label: '拖动距离'
  }],
  /**
   * children渲染函数
   * @param param 参数
   */
  childRender: (param, page) => {
    return (
      <div className="sortable view-item-box sub">

      </div>
    )
  },
}
